// 对axios函数库进行二次封装
// 目的：请求拦截器可以在请求头中携带公共的参数：token
// 响应拦截器可以简化服务器返回的数据，处理http网络错误
import axios from 'axios'
import { ElMessage } from 'element-plus'
import useUserStore from '@/store/modules/user'


// 利用axios.create方法创建一个axios实例：可以设置基础路径和超时的时间
const request = axios.create({
    baseURL:'/api',  //请求的基础路径设置
    timeout:5000  //超时的时间的设置，超过5秒请求就是失败的
})

// 请求拦截器
request.interceptors.request.use((config)=>{
    // 获取用户仓库
    let userStore = useUserStore()
    // 如果用户登录了就需要携带公共参数token
    if(userStore.userInfo.token){
        config.headers.token = userStore.userInfo.token
    }
    // config：请求拦截器回调注入的配置对象，配置对象身上的最重要的一件事就是headers属性
    // 可以通过请求头携带公共参数-token
    return config
})

// 想要连接器
request.interceptors.response.use((response)=>{
    // 响应拦截器成功的回调，一般会进行简化数据
    return response.data
},(error)=>{
    // 处理http网络错误
    let status = error.response.status
    switch (status) {
        case 404:
            ElMessage({
                type:'error',
                message:'请求失败，路径出现问题'
            })
            break;
    
        case 500|501|502|503|504|505:
            ElMessage({
                type:'error',
                message:'服务器挂了'
            })
            break;

            case 401:
            ElMessage({
                type:'error',
                message:'参数有误'
            })
            break;
    }
    return Promise.reject(new Error(error.message))
})

// 对外暴露axios
export default request